/* 导航 */



.nav_wrap {

    position: relative;

    z-index: 9999;

    height: 69px;

    box-sizing: border-box;

}



#nav {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



ul.nav {

    width: 100%;
    padding-left: 50px;

    padding: 0 12%;

    background: #aa0018;
    text-align:justify 

}

ul.nav li.active  .nav_tbg{

    background-color: #890307;

}

li.nav-item {

    /* flex: 1; */

    display: inline-block;
    width: 7.7%;

}
li.nav-item:nth-child(9){
    width: 11%;
}


li.nav-item>a {

    display: block;
    /* padding: 0 1%; */

    text-align: center;

    line-height: 69px;

    font-size: 16px;

    position: relative;

    color: #fff;

}

li.nav-item>a::before {

    display: none;

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent #fff;

    position: absolute;

}



li.nav-item.active a::before {

    content: none;

}



li.nav-item:hover>a,

li.nav-item.active>a {

    color: #fff;

}



li.nav-item:hover>a::before,

li.nav-item.active>a::before {

    display: block;

}





/* 二级菜单 */



.subMenu {

    display: none;

    position: absolute;

    top: 69px;

    left: 0;

    width: 64%;

    margin: 0 18%;

    padding: 40px 3%;

    /* background-color: #fff; */

    background-color: rgba(255, 255, 255, .85);

    overflow: hidden;

}



.subMenu>ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.subMenu>ul>li>a {

    display: block;

    padding: 0 18px;

    text-align: center;

    line-height: 50px;

    color: #666;

}



.subMenu_l {

    float: right;

}



.subMenu_l {

    width: 30%;

    margin-left: 40px;

}



.subMenu_l img {

    width: 100%;

    height: 100%;

    border: 1px solid #eee;

    border-radius: 5px;

}



.subMenu_r {

    float:left;

    width: 60%;

}



.subMenu_rlist {

    float: left;

    width: 33.33%;

    line-height: 24px;

    padding: 3% 0;

    border-bottom: 1px solid #b6b6b6;

    text-align: center;

}



.nav_text {

    line-height: 28px;

    font-size: 16px;

    color: #000;

}



.subMenu_rlist span {

    border-left: 5px solid rgba(255, 255, 255, 0);

    padding-left: 12px;

}



.subMenu_rlist a:hover span{

    border-left: 5px solid #aa0018;

    color: #aa0018;

}



.subMenu_rlist i {

    float: left;

    color: #a90000;

    font-size: 26px;

    margin-top: 4px;

}

@media (max-width: 1440px){
    li.nav-item{
        width: 7.6%;
    }
    li.nav-item:nth-child(9){
        width: 12%;
    }
}

@media (max-width: 1366px) {

    .subMenu_l img {

        height: 140px;

    }

    .headerCon {

        padding: 0 5%;

    }

    ul.nav {

        padding: 0 5%;

    }

    ul.nav li:nth-child(6) .subMenu_rlist{

        width: 50%;

    }

    ul.nav li:nth-child(7) .subMenu_rlist{

        width: 50%;

    }

}
@media (max-width: 1100px){
    li.nav-item{
        width: 7.5%;
    }

}
@media (max-width: 1024px) {

    .subMenu_l img {

        height: 120px;

    }

    .subMenu {

        padding: 20px 0;

    }

    .subMenu_l {

        margin-left: 20px;

    }

    .nav_text {

        font-size: 14px;

    }

    .subMenu_r {

        width: 52%;

    }

}